@charset "utf-8";
/* CSS Document */
body,html{
	width: 100%;
	height: auto;
	background-color: #f9f9f9;
}
/*******************header start*********************/
/***********************掉顶*************************/
#J_siteNav{
	width: 100%;
	height: 45px;
	background-color: #010101;
}
#J_siteNav .site-nav-bg{
	width: 980px;
	height: 45px;
	margin: 0 auto;
}
#J_siteNav .site-nav-bg  .site-logo{
	float: left;
	width: 300px;
	height: 45px;
}
#J_siteNav .site-nav-bg .site-user-info .J_appDownload{
	width: 120px;
	height: 120px;
	position: absolute;
	top: 43px;
	right: 180px;
	overflow: hidden;
	padding: 2px;
}
#J_siteNav .site-nav-bg .site-user-info .J_appDownload img{
	width: 100%;
}
#J_siteNav .site-nav-bg  .site-logo h1{
	float: left;
	width: 329px;
	height: 45px;
} 
#J_siteNav .site-nav-bg  .site-logo img{
	float: left;
	margin-top: 7px;
}
#J_siteNav .site-nav-bg .site-user-info{
	width: 600px;
	height: 45px;
	float: left;
}
#J_siteNav .site-nav-bg .site-user-info {
	width: 680px;
	height: auto;
}
#J_siteNav .site-nav-bg .site-user-info .site-user-info-box li{
	float: right;
}
#J_siteNav .site-nav-bg .site-user-info .site-user-info-box .menu-line{
	color: #0b1d33;
}
.J_app,.J_designersIn,.J_LoginOrOut,.J_siteIndex{
	width: 95px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 12px;
}
#J_siteNav .site-nav-bg .site-user-info .site-user-info-box 
.J_app a,.J_LoginOrOut .user-login,.J_siteIndex a{
	color: #cfcfcf;
	font-size: 12px;
}
.J_LoginOrOut .J_registerUrl{
	color: #cfcfcf;
	font-size: 13px;
	margin-left: 10px;
}
#J_siteNav .site-nav-bg .site-user-info .site-user-info-box .J_designersIn a:hover{
	color: #fff;
}
#J_siteNav .site-nav-bg .site-user-info .site-user-info-box .J_designersIn a{
	color: #f6d036;
}
#J_siteNav .site-nav-bg .site-user-info .site-user-info-box 
.J_app:hover a,.user-login:hover,.J_registerUrl:hover,.J_siteIndex:hover a{
	color: #fff;
}
#J_siteNav .site-nav-bg .site-user-info .site-user-info-box .menu-line{
	width: auto;
	height: 45px;
	line-height: 45px;
}
/***********************主菜单*************************/
.main-nav-search{
	width: 980px;
	height: 30px;
	padding: 15px 0;
	margin: 0 auto;
}
.main-nav-search .J_mainNav{
	float: left;
	width: 650px;
	height: 24px;
}
.main-nav-search .J_mainNav li a{
	height: 24px;
	float: left;
	color: #000;
	line-height: 24px;
	font-size: 16px;
}
.main-nav-search .J_mainNav li img{
	float: left;
	width: 4px;
	height: 4px;
	margin-left: 21px;
	margin-top: 10px;
}
.main-nav-search .J_mainNav .J_mainNav{
	width: 58px;
}
.main-nav-search .J_mainNav .J_guang{
	width: 24px;
	padding: 0 4px 0 4px;
	margin: 0 12px;	
	border-bottom: 3px solid black;
}
.main-nav-search .J_mainNav .J_designer{
	width: 50px;
	margin: 0 20px;
	padding: 0 4px 0 4px;
}
.main-nav-search .J_mainNav .J_smallSite{
	width: 32px;
	margin: 0 16px;
	padding: 0 4px 0 0;
}
.J_mainSearch{
	float: left;
	width: 330px;
	height: 30px;
}
.J_mainSearch .search{
	float: left;
	width: 330px;
	height: 30px;
}
.J_mainSearch .search .J_searchText{
	float: left;
	width: 272px;
	height: 28px;
	padding: 0 5px 0 5px;
	border: 1px solid #e2e2e2;
	color: #f5efeb;
}
.J_mainSearch .search img{
	float: left;
	width: 40px;
	height: 29px;
	border: 0;
	margin-left: 3px;
}
/***********************Marcm.th*************************/
.J_detailInfo{
	width: 980px;
	height: 90px;
	padding-bottom: 30px;
	border-bottom: 1px solid #e0e0e0;
	margin: 0 auto;
}
.J_detailInfo .dt-author{
	float: left;
	width: 50px;
	height: 50px;
	padding-top: 40px;	
}
.J_detailInfo .dt-author img{
	width: 50px;
	height: 50px;
}
.J_detailInfo .dt-author-info{
	float: right;
	width: 910px;
	height: 85px;
}
.J_detailInfo .dt-author-info h2 a{
	width: 910px;
	height: 18px;
	padding-top: 40px;
	padding-bottom: 7px;
	font-size: 18px;
	font-weight: 400;
	line-height: 18px;
	color: #000;
	float: left;
}
.J_detailInfo .dt-author-info h2 a:hover{
	text-decoration: underline;
}
.J_detailInfo .dt-author-info .J_bandstory{
	font-weight: 400;
	font-size: 12px;
	line-height: 20px;
	color: #666;
	text-overflow: ellipsis;
	text-decoration:none;
}
.J_detailInfo .dt-author-info .J_bandstory:hover{
	text-decoration: underline;
}
/***********************详情图*************************/
.detail-cont{
	width: 980px;
	height: 725px;
	padding: 30px 0;
	margin: 0 auto;
}
.detail-cont .detail-pic-box{
	width: 606px;
	height: 600px;
	float: left;
	line-height: 18px;
}
.detail-cont .detail-pic-box .detail-mainpic{
	width: 606px;
	height: 600px;
	font-size: 12px;
	position: relative;
	line-height: 18px;
	float: left;
}
.detail-cont .detail-pic-box .detail-mainpic .mainpic-box{
	width: 606px;
	height: 600px;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	position: relative;
	top: 0;
	left: 0;
}
/*******放大镜*******/
.imglv{
	width: 400px;
	height: 400px;
	background-color: #dcdcdc;
	position: relative;
	opacity: 0.4;
	top: -600px;
	z-index: 100000;
	display: none;
}
.bigtu{
	width: 700px;
	height: 700px;
	position: relative;
	border: 1px solid black;
	left: 600px;
	top: -1000px;
	overflow: hidden;
	display: none;
}
body .detail-cont .detail-pic-box .detail-mainpic .bigtu img{
	width: 1050px;
	height: 1050px;
	float: left;
	position: relative;
}
.detail-cont .detail-pic-box .detail-mainpic .mainpic-box img{
	width: 600px;
	height: 600px;
	top: 0;
	left: 0;
	position: relative;
}
.detail-cont .detail-pic-box .detail-mainpic .like-common{
	background-color: rgba(255,255,255,.4);
	display: inline-block;
	zoom: 1;
	overflow: hidden;
	border-radius: 25px;
	text-align: center;
	color: #000;
	width: 121px;
	height: 54px;
	position: absolute;
	top: 16px;
	right: 18px;
	z-index: 100000000000000; 
}
.detail-cont .detail-pic-box .detail-mainpic .like-common .J_like{
	width: 60px;
	height: 54px;
	float: left;
}
.detail-cont .detail-pic-box .detail-mainpic .like-common .J_like span{
	float: left;
	margin-top: 12px;
	margin-left: 20px;
	z-index: 10000000000000000000;
	width: 30px;
	height: 30px;
	background: url(../img/datail/tu/lover.png) no-repeat -10px -60px;
} 
.detail-cont .detail-pic-box .detail-mainpic .like-common .like-num{
	float: left;
	width: 56px;
	height: 24px;
	margin-top: 14px;
	text-align: left;	
}
.detail-cont .detail-pic-box .detail-mainpic .like-common .like-num span{
	font-size: 17px;
	font-weight: 400;
	line-height: 26px;
	color: #000;
	margin-left: 10px;
} 
.detail-cont .detail-info{
	width: 340px;
	height: 725px;
	float: right;
	overflow: hidden;
	color: #000;
}
.detail-cont .detail-info .product-name{
	font-size: 18px;
	line-height: 30px;
	word-wrap: break-word;
	margin-bottom: 12px;
	font-weight: 400;
}
.detail-cont .detail-info .detail-brand{
	width: 340px;
	height: 72px;
}
.detail-cont .detail-info .detail-brand li{
	width: 340px;
	height: 24px;
	padding-bottom: 12px;
	font-size: 16px;
	text-align: left;
}
.detail-cont .detail-info .detail-brand li em,.shareTime{
	width: auto;
	height: 21px;
	padding-left: 38px;
	font-style: normal;
}
.detail-cont .detail-info .detail-brand li .shareTime{
	padding-left: 54px;
}
.J_prosku{
	width: 340px;
	height: 255px;
}
.J_prosku dl{
	width: 340px;
	height: 82px;
	margin-bottom: 12px;
}
.J_prosku .numb{
	width: 340px;
	height: 67px;
	padding: 0;
	margin: 0;
}
.J_prosku .proskuinfor .proskutitle{
	width: 340px;
	height: 36px;
	padding-bottom: 2px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
}
.J_prosku .proskuinfor .proskulist{
	width: 340px;
	height: 46px;
}
.J_prosku .proskuinfor .proskulist .proskuitem{
	width: 46px;
	height: 38px;
	border: 1px solid #999;
	margin: 0 8px 8px 0; 
	text-align: center;
	color: #2e2e2e;
	line-height: 38px;
	cursor: pointer;
}
.numb{
	width: 340px;
	height: 67px;
}
.numb .numb-name{
	width: 340px;
	height: 24px;
	padding-bottom: 12px;
	font-size: 16px
	line-height:24px;
	color: #000;
	font-weight: 400;
}
.numb dd .numEditor{
	width: 127px;
	height: 31px;
	padding-right: 20px;
	float: left;
}
/*正则判断*/
.numb dd .numEditor button{
	width: 36px;
	height: 29px;
	border: 1px solid #070707;
	line-height: 29px;
	font-size: 20px;
	font-weight: 700;
	vertical-align: -2px;
	float: left;
	text-align: center;
	background-color: #f9f9f9; 
}
/*商品数量减少按钮*/
.numb dd .numEditor .numDec{
	outline: none;
	border-right: none;
}
/* .numb dd .numEditor .numDec:hover{
	cursor:no-drop;
	cursor:not-allowed;
} */
/*商品数量增加按钮*/
.numb dd .numEditor .numInc{
	outline: none;
	border-left: none;
}
.numb dd .numEditor input{
	border:1px solid #070707;
	width: 45px;
	height: 27px;
	border-left: 1px solid #a2a2a2;
	border-right: 1px solid #a2a2a2;
	text-align: center;
	line-height: 30px;
	font-weight: 400;
	font-size: 18px;
	float: left; 
	outline: none;
}
.numb dd span{
	width: auto;
	height: 30px;
	float: left;
	color: 12px;
	line-height: 30px;
	color: #a9a9a9;
	font-weight: 400;
	font-size: 12px;
}
.J_proskuInfo{
	width: 340px;
	height: 326px;
}
.J_proskuInfo .fz28{
	width: auto;
	height: 30px;
	padding-top: 28px;
	font-size: 20px;
	line-height: 30px;
	color: #000;
	font-weight: bold;
}
.J_proskuInfo .detail-postage{
	width: 340px;
	height: 30px;
}
.J_proskuInfo .detail-postage .postage-info{
	float: left;
	width: 120px;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	color: #070707;
}
.J_proskuInfo .detail-postage .J_RandomCallIm{
	width: 80px;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	color: #000;
	float: left;
}
.J_proskuInfo .detail-postage .J_RandomCallIm i{
	float: left;
	width: 18px;
	height: 16px;
	margin-top: 7px;
	padding: 7px 0px;
	padding-right: 6px;
	background: url(../img/datail/tu/xdx.PNG) no-repeat; 
}
.J_proskuInfo .detail-postage .J_RandomCallIm span{
	float: right;
}
.product-activity-box{
	width: 340px;
	height: 32px;
}
.buybutton{
	width: 340px;
	height: 52px;
}
 /*加入购物车成功*/
.gwts{
	position: fixed;
	width: 300px;
	height: 80px;
	color: black;
	background-color: white;
	border-radius: 40px;
	font-size: 20px;
	line-height: 80px;
	text-align: center;
	left: 500px;
	z-index: 10001;
	display: none;
	opacity: 0;
}
.buybutton a{
	float: left;
	width: 158px;
	height: 48px;
	border: 2px solid #000;
	color: #fff;
	text-align: center;
	line-height: 48px;
	font-size: 20px;
	background-color: #000;
	font-weight: 500;
}
/*加入购物车*/
.buybutton .buylate_btn{
	color: #000;
	margin-left: 6px;
	background-color: #fff;
}
.buybutton img{
	position: relative;
	width: 40px;
	height: 40px;
	left: 170px;
	top: -52px;
	display: none;
}
.guarantee{
	width: 90px;
	height: 26px;
	padding-top: 20px;
}
.guarantee img{
	width: 28px;
	height: 26px;
	float: left;
}
.guarantee a{
	padding-right: 10px;
	color: #2e2e2e;
	font-size: 12px;
	padding-left: 4px;
}
.platform-weixin{
	width: 338px;
	height: 88px;
	border:1px solid #ebebeb;
	margin-top: 18px;
}
.platform-weixin img{
	width: 70px;
	height: 70px;
	padding: 9px;
	float: left;
}
.platform-weixin .platform-weixin-desc{
	width: 316px;
	height: 60px;
	padding: 14px 9px 14px 14px;
	font-size: 14px;
	line-height: 20px;
	color: #a9a9a9;
}
/******************轮播图*********************/
.detail-images-scroll{
	width: 938px;
	height: 203px;
	margin: 0 auto;
	border: 1px solid #ebebeb;
	padding: 20px;
	margin-bottom: 30px;
	background-color: #fff;
	overflow: hidden;
}
.detail-images-scroll .images-scroll-title{
	width: 938px;
	height: 30px;
	padding-bottom: 3px;
	margin-bottom: 30px;
	font-size: 16px;
	line-height: 30px;
	font-weight: 400;
	color: #000;
}
.detail-images-scroll .images-scroll-title span{
	float: left;
}
.icon-line{
	float: left;
	position: relative;
	width: 32px;
	height: 3px;
	left: -64px;
	top: 30px;
	background-color: #000;
}
.detail-images-scroll .J_imagesBox{
	width: 940px;
	height: 140px;
}
/*左右切换按钮*/
.J_prevBtn,.J_nextBtn{
	width: 32px;
	height: 32px;
	background-color:white;
	position: relative;
	z-index: 100;
	display: none;  
}
.J_prevBtn,.J_nextBtn,.picbox li:hover{
	cursor: pointer
}
.J_prevBtn{
	left: -10px;
	top: 56px;
	background: url(../img/datail/tu/btn.png) no-repeat 0 -100px;
}
.J_nextBtn{
	left: 916px;
	top: 22px;
	background: url(../img/datail/tu/btn.png) no-repeat 0 -140px;
}
.detail-images-scroll .J_imagesBox .picbox{
	width: 2144px;
	height: 140px;
	position: relative;
	top: 0px;
	left: 0;
}
.detail-images-scroll .J_imagesBox .picbox li{
	float: left;
	margin-right: 20px;
	height: 156px;
}
.picbox li div{
	display: none;
}
.picbox li .lidiv1{
	float: right;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #E5E3E0 url(../img/datail/tu/lixin.png) no-repeat 6px -62px;
	position: relative;
	top: -32px;
	z-index: 10000;
	left: -28px;
}
.picbox li .lidiv2{
	float: right;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: #E5E3E0;
	position: relative;
	top: -32px;
	left: 32px;
	z-index: 1000;
	color: block;
	overflow: hidden;
}
.picbox li .lidiv2 span{
	font-weight:400;
	font-size: 12px;
	line-height: 32px;
	display: block;
	width: 32px;
	height: 64px;
	position: relative;
	top: 0;
}
.detail-images-scroll .J_imagesBox .picbox li:nth-child(8){
	margin-right: 0px;
}
.detail-images-scroll .J_imagesBox .picbox li img{
	width: 140px;
	height: 140px;
}
/**************商品描述和评论***********************/
.J_detailTab{
	width:978px;
	height: auto;
	border: 1px solid #ebebeb;
	padding: 20px 0;
	background-color: #fff;
	margin-bottom: 30px;
	margin: 0 auto; 
}
.J_detailTab .J_tabNav{
	width: 980px;
	height: 40px;
	border-bottom: 2px solid #e5e5e5;
	margin-bottom: 24px; 
}
.J_detailTab .J_tabNav li{
	float: left;
	width: 110px;
	height: 40px;
	position: relative;
	cursor: pointer;
}
/*商品描述*/
.J_detailTab .J_tabNav span{
	border-right: 1px solid #c7c7c7;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	display: block;
	width: 110px;
	height: 30px;
}
.J_detailTab .J_tabNav i{
	display: none;
	width: 60px;
	left: 25px;
	height: 5px;
	top: 23px;
	border-bottom: 3px solid #000;
	background: url(../img/datail/tu/pinglun.png) no-repeat bottom center;
	position: absolute;
	margin: 12px auto 0;
}
.J_detailTab .J_tabNav .active i{
	display: block;
}
/* 商品评论 */
.J_detailTab .J_tabNav .J_getCommmentBtn i{
	display: block;
}
.J_detailTab .xq img{
	width: 978px;
	height: 334px;
}
.J_detailTab .pic{
	width: 750px;
	height: 421px;
	vertical-align: middle;
	text-align: center;
	margin-left: 114px;
}